<template>
  <div id="app">
    <router-view v-slot="{ Component }">
      <keep-alive exclude="detail">
        <component :is="Component"/>
      </keep-alive>
    </router-view>

    <!-- 下方tabbar栏 -->
    <main-tabbar/>
  </div>
</template>

<script>
import mainTabbar from 'components/content/main_tabbar/main_tabbar'

export default {
  name: 'App',
  components: {
    mainTabbar
  }
}
</script>

<style>
  @import "assets/css/base.css";

  @media screen and (min-width: 800px) {
    body {
      max-width: 320px;
      margin: 0 auto;
      position: relative;
    }
  }
</style>
